@charset "UTF-8";

/*样式重置*/
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,select,textarea,button,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
ul,dl,ol{list-style:none;}
img,fieldset,input[type="submit"]{border:0 none;}
img{display:inline-block;overflow:hidden;vertical-align:top;}
em,i{font-style:normal;}
strong{font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
button,input[type="button"]{cursor:pointer;border:0 none;}
textarea{word-wrap:break-word;resize:none;}  /* word-wrap for opera, resize for webkit */
menu{margin:0;padding:0;}
body{-webkit-user-select:text;-webkit-text-size-adjust:100%!important; font-family: "Helvetica Neue",Arial,"Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft YaHei",sans-serif;}
input[type="number"]{-webkit-user-select:text;}
a,button,input,img{-webkit-touch-callout:none;}/* 1.ios 长按时不触发系统的菜单 2.禁止长按时下载图片 */
input,select,textarea{outline:none;}
/* 去除android4.0以下 a/button/input标签被点击时产生的边框 因为边框引起了不少bug */
a,button,input,label{-webkit-tap-highlight-color:rgba(0,0,0,0);}
/* Android4.0下不识别选择器-webkit-transform-3d 使用它可做Android4.0下版本兼容 */
@media all and (-webkit-transform-3d){
    /* android4.0+ ios4+ 恢复按钮被点击时产生的效果 */
    a,button,input{-webkit-tap-highlight-color:rgba(246,246,246,.6);}
}
html,body{ font-size:12px; width:100%;height:100%;}

a{text-decoration:none!important; color:#000;}
.hide{display:none!important}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.clearfix{clear:both}
.clearfix:after,.layout:after,.clf:after{visibility:hidden;display:block;font-size:0;content:'.';clear:both;height:0;}
.gray_bg{background:#ededed; height:100%;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #333; opacity:0.2;}
input:-moz-placeholder, textarea:-moz-placeholder { color: red;  opacity:0.2;}
input::-moz-placeholder, textarea::-moz-placeholder { color: red;  opacity:0.2;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: red;  opacity:0.2;}
button:disabled{
    opacity:0.5;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex_center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex1,.flex_1 {flex: 1;}

.clear15 {height: 15px;}
.clear20 {height: 20px;}
.clear25 {height: 25px;}
.clear30 {height: 30px;}
.clear35 {height: 35px;}
.clear40 {height: 40px;}
.clear45 {height: 45px;}
.clear50 {height: 50px;}
.clear55 {height: 55px;}
.clear60 {height: 60px;}
.clear65 {height: 65px;}
.clear70 {height: 70px;}
.clear75 {height: 75px;}
.clear160 {height: 160px;}

.color_red {color: #FF233C;}
.color_font,.color_333 { color: #333333;}
.color_666 { color: #666666;}
.color_69 { color: #696969;}
.color_9a { color: #9a9a9a;}
.color_hui,.color_999 {color: #999999;}
.color_fff {color: #fff;}
.color_main {color: #FFD100;}
.color_10 {color: #101010;}
.color_00 {color: #000000;}


.back_main {background: #FFD100;}
.back_red {background: #ff262c;}
.back_hui {background: #f2f2f2;}
.back_fff {background: #fff;}


.font_22 {font-size: 22px;line-height: 22px;}
.font_24 {font-size: 24px;line-height: 24px;}
.font_26 {font-size: 26px;line-height: 26px;}
.font_28 {font-size: 28px;line-height: 28px;}
.font_30 {font-size: 30px;line-height: 30px;}
.font_32 {font-size: 32px;line-height: 32px;}
.font_34 {font-size: 34px;line-height: 34px;}
.font_36 {font-size: 36px;line-height: 36px;}
.font_38 {font-size: 38px;line-height: 38px;}
.font_40 {font-size: 40px;line-height: 40px;}

.font_400 {font-weight: 400;}
.font_600 {font-weight: 600;}


.mar_t_10 {margin-top:10px; }
.mar_t_20 {margin-top:20px; }
.mar_t_25 {margin-top:25px; }
.mar_t_30 {margin-top:30px; }
.mar_t_35 {margin-top:35px; }
.mar_t_40 {margin-top:40px; }
.mar_b_20 {margin-bottom: 20px;}
.mar_b_25 {margin-bottom: 25px;}
.mar_b_30 {margin-bottom: 30px;}
.mar_b_35 {margin-bottom: 35px;}
.mar_b_40 {margin-bottom: 40px;}
.mar_r_10 {margin-right: 10px;}
.mar_r_20 {margin-right: 20px;}
.mar_r_30 {margin-right: 30px;}
.mar_r_40 {margin-right: 40px;}
.mar_l_10 {margin-left: 10px;}
.mar_l_20 {margin-left: 20px;}
.mar_l_30 {margin-left: 30px;}
.mar_l_40 {margin-left: 40px;}

.pad_t_10 {padding-top:10px; }
.pad_t_20 {padding-top:20px; }
.pad_t_25 {padding-top:25px; }
.pad_t_30 {padding-top:30px; }
.pad_t_35 {padding-top:35px; }
.pad_t_40 {padding-top:40px; }
.pad_b_20 {padding-bottom: 20px;}
.pad_b_25 {padding-bottom: 25px;}
.pad_b_30 {padding-bottom: 30px;}
.pad_b_35 {padding-bottom: 35px;}
.pad_b_40 {padding-bottom: 40px;}
.pad_r_10 {padding-right: 10px;}
.pad_r_20 {padding-right: 20px;}
.pad_r_30 {padding-right: 30px;}
.pad_r_40 {padding-right: 40px;}
.pad_l_10 {padding-left: 10px;}
.pad_l_20 {padding-left: 20px;}
.pad_l_30 {padding-left: 30px;}
.pad_l_40 {padding-left: 40px;}

.pad_30 { padding: 30px;}
.pad_25 { padding: 25px;}
.pad_20 { padding: 20px;}

